html {
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
  overflow: auto;
  overflow: overlay;
}

body {
  padding: 0;
  border: 0;
  margin: 0;
  background-color: rgb(74, 160, 221);
  width: 100%;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(29, 96, 151, 0.45);
  background: rgba(29, 96, 151, 0.45);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(92, 169, 211, 0);
  border-radius: 10px;
  background: rgba(92, 169, 211, 0.25);
}

/* message box */
#message_box_outside {
  position: fixed;
  top: 40px;
  left: 50%;
  transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */
  z-index: 2000;
}

.message_box_inside {
  margin-top: 10px;
  color: white;
  min-height: 40px;
  min-width: 200px;
  border-radius: 10px;
}

/* 对齐方式 */

.cc-display {
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
}

.cs-display {
  justify-content: center;
  align-items: flex-start;
  display: -webkit-flex;
}

.ce-display {
  justify-content: center;
  align-items: flex-end;
  display: -webkit-flex;
}

.se-display {
  justify-content: flex-start;
  align-items: flex-end;
  display: -webkit-flex;
}

.sc-display {
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
}

.ss-display {
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
}

.ec-display {
  justify-content: flex-end;
  align-items: center;
  display: -webkit-flex;
}

.ta-l {
  text-align: left;
}

/* 边框计入百分比 */

.border-none {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* 外边为0 */

.pbm0 {
  padding: 0;
  border: 0;
  margin: 0;
}

.dp-ib {
  display: inline-block;
}

/* 高度 */

.h100 {
  height: 100%;
}

.h160p {
  height: 160px;
}

.h90p {
  height: 90px;
}

.h80p {
  height: 80px;
}

.h60p {
  height: 60px;
}

.h50p {
  height: 50px;
}

.h40p {
  height: 40px;
}

.h30p {
  height: 30px;
}

.h20p {
  height: 20px;
}

.h10p {
  height: 10px;
}

.pr {
  position: relative;
}

.ps {
  position: sticky;
  top: 0;
}

/* line-height */

.lh-40p {
  line-height: 40px;
}

.lh-60p {
  line-height: 60px;
}

/* 宽度 */

.w100 {
  width: 100%;
}

.w80 {
  width: 80%;
}

.w45 {
  width: 45%;
}

.w180p {
  width: 180px;
}

.w100p {
  width: 100px;
}

.w80p {
  width: 80px;
}

.w60p {
  width: 60px;
}

.w50p {
  width: 50px;
}

.w40p {
  width: 40px;
}

/* 浮动 */

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clean-float {
  clear: both;
  height: 0;
}

/* margin 属性 */

.mg0auto {
  margin: 0 auto;
}

.mgr5 {
  margin-right: 5%;
}

.mgt30p {
  margin-top: 30px;
}

.mgt20p {
  margin-top: 20px;
}

.mgt10p {
  margin-top: 10px;
}

.mgl10p {
  margin-left: 10px;
}

/* border 属性 */

.boder1s {
  border: 1px solid rgb(255, 255, 255);
}

.boder1s000 {
  border: 1px solid rgb(0, 0, 0);
}

/* border-radius */

.br4p {
  border-radius: 4px;
}

.br20p {
  border-radius: 20px;
}

.br30p {
  border-radius: 30px;
}

.br40p {
  border-radius: 40px;
}

/* paddng 属相 */

.pd20p {
  padding: 20px;
}

.pd10p {
  padding: 10px;
}

.pd020p {
  padding: 0 20px;
}

.pd1020p {
  padding: 10px 20px;
}

.pd100p {
  padding: 10px 0;
}

/* 尺寸大小 */

.fs36 {
  font-size: 36px;
}

.fs24 {
  font-size: 24px;
}

.fs22 {
  font-size: 22px;
}

.fs20 {
  font-size: 20px;
}

.fs18 {
  font-size: 18px;
}

.fs16 {
  font-size: 16px;
}

.fs14 {
  font-size: 14px;
}

/* 加粗 */

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw200 {
  font-weight: 200;
}

.fw100 {
  font-weight: 100;
}

/* 字间距 */

.ls6 {
  letter-spacing: 6px;
}

.ls4 {
  letter-spacing: 4px;
}

.ls2 {
  letter-spacing: 2px;
}

/* ul li 样式 */

.lsnone {
  list-style: none;
}

/* 背景 */

.bc1 {
  background-color: rgba(29, 96, 151, 0.45);
}

.bc2 {
  background-color: rgba(92, 169, 211, 0.85);
}

.bc3 {
  background-color: rgb(34, 121, 190);
}

.bc4 {
  background-color: rgba(92, 169, 211);
}

/* 颜色 color */

.white {
  color: rgb(255, 255, 255);
}

.white250 {
  color: rgb(250, 250, 250);
}
